<!--
 * @Author: your name
 * @Date: 2020-11-02 13:48:38
 * @LastEditTime: 2020-11-10 10:43:54
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\components\purchaseLens\back.vue
-->
<template>
  <div class="back" @click="back()">
      <i class="el-icon-caret-left"></i>
      <span class="back-txt">{{$t('purchaseLens.Back to frame')}}</span>
  </div>
</template>

<script>
export default {
    methods: {
        back() {
            this.$router.go(-1);
        }
    }
}
</script>

<style lang="scss" scoped>
@import "~/assets/scss/index.scss";
.back {
    @include flex();
    align-items: center;
    cursor: pointer;
    .el-icon-caret-left {
        font-size: 18px;
        margin-right: 5px;
    }
    &-txt {
        font-size: 13px;
        color: $c333;
    }
}
</style>